<%@page import="com.wanmait.cookBook.vo.Userinfo"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.wanmait.cookBook.vo.Topic"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%String path =request.getContextPath();%>

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>下厨房话题</title>

<meta http-equiv="mobile-agent" content="format=xhtml; url=https://m.meishichina.com/pai/1137470/">
<link rel="alternate" media="only screen and (max-width: 640px)"  href="https://m.meishichina.com/pai/1137470/">
<link rel="shortcut icon" href="https://static.meishichina.com/v6/img/lib/f.ico"/>
<link rel="apple-touch-icon" href="https://static.meishichina.com/v6/img/lib/wapico.png" />
<link rel="stylesheet" type="text/css" href="https://static.meishichina.com/v6/css/lib/all.css?v1=13">
<link rel="stylesheet" type="text/css" href="https://static.meishichina.com/v6/css/app/suipai/pai2.css?v1=2018-10-13" />
<link rel="stylesheet" type="text/css" href="https://static.meishichina.com/v6/css/lib/comment.css?v1=2015-07-16">
<script type="text/javascript" src="https://static.meishichina.com/v6/js/lib/dfp-content-7.js"></script>
<!-- **************弹窗样式************ -->
<link rel="stylesheet" type="text/css" href="https://www.huangwx.cn/css/sweetalert.css">
<script type="text/javascript" src="https://www.huangwx.cn/js/sweetalert-dev.js"></script>
<style>
.comment-add{width: 100%;margin: 20px 0 0}
.comment-post{float: inherit}
.vote{padding: 12px 0 0 60px; color: #666;font-size: 16px}
.pai_box .s1{display:inline-block;margin:0 5px 0 0;padding:0 4px;border-radius:3px;background:#BA2020;color:#fff;font-size:12px}
.pai_box .s2{display:inline-block;margin:0 5px 0 0;padding:0 4px;border-radius:3px;background:#43D159;color:#fff;font-size:12px}
.pai_box h1{padding: 0 0 10px 0px;font-size: 22px;display: inline-block}
.pai_box p{padding: 0 0 10px 60px;font-size: 18px;line-height: 170%}
.pai_box p img{display:block;width: auto;max-width: 580px;}
.pai_box .u a {color:#999;}
.pai_box .u{padding: 0 0 10px 60px;color: #999;}
.pai_box .u a.t {color:#6599ff;font-size: 14px}
.pai_box .u span{margin: 0 0 0 20px}
.pai_box .add_caidan{margin: 0 0 0 10px}
</style>
</head>
<body>

<!-- logo+nav -->

<div class="w logo_wrap2">
	<div class="logo_inner left">
		<a href="" title="美食天下">爱下厨</a>
	</div>
	<div class="logo_current left">
		
		<h1><a href="" title="社区">话题</a></h1>

	</div> 
	

	<div class="logo_nav">
	<a href="" ">首页<i></i><b></b></a>
	<a class="on" href="" title="话题">话题<i></i><b></b></a>
	<a href="" title="日志">日志<i></i><b></b></a>
	<a href=" " title="活动">活动<i></i><b></b></a>
	</div>

</div>

<div class="nav_wrap2">
<script src="<%=path %>/front/js/jquery-3.5.0.min.js"></script>
</div>
<div class="w mt10 clear">
	<iframe width="100%" height="90" frameborder="0" scrolling="no" src="//static.meishichina.com/v6/h5/t1_1.html?v=2"></iframe>
</div>

<div class="wrap">
	<div class="w clear">
		<div class="space_left">

			<%-- <div class="ui_title">
				<div class="ui_title_wrap clear ">
				<h2 class="on">美食随手拍</h2>					
					<a title="精华" href="" class="right" rel="nofollow">精华</a>
					<a title="热门" href="" class="right" rel="nofollow">热门</a>
					<a title="最新" href="" class="right" >最新</a>
					<a title="全部" href="<%=path %>/TopicServlet" class="right">全部</a>
				</div>
			</div> --%>
						<div class="pai_box">
<!-- 取点击话题topic -->
<%ArrayList<Topic> pic=(ArrayList<Topic>)request.getAttribute("arr"); %>
			<%
			for(Topic topic:pic)
			{
			%>
<!-- 用户头像 -->
				<a class="img"  href="" target="_blank"><img src="<%=path %>/front/userImages/<%=topic.getUserinfo().getUserFace() %>"  class="imgLoad"  width="48" height="48"></a>
    <input type="hidden" id="pai_id" value="1137470" data-id="1137470">
				<div class="u">
				<a target="_blank" href="https://home.meishichina.com/space-10449735.html" class="t"><%=topic.getUserinfo().getUserName() %></a><span><%=topic.getPublishTime() %></span>				</div>
																<h1><%=topic.getTopicName() %></h1>
																<p><%=topic.getContext() %></p>
																<!-- topic图片 -->
														<p><img src="<%=path %>/front/topicImages/<%=topic.getTopicImage() %>"    height="600px" class="imgLoad" ></p>
														<p><img src="<%=path %>/front/topicImages/<%=topic.getTopicImage() %>"    height="600px" class="imgLoad" ></p>
						<%
			}
						%>			      </div>

<div class="recipeArction mt10 clear">
<ul class="collect_da">

<!-- 没登录不能点赞 -->
<!-- 
<script>

</script>
<li class="lik" ><a id="like" title="喜欢" href="javascript:void(0);" class="J_lik" ><i></i><span></span>喜欢</a></li>
<li class="fav" ><a id="collect" title="收藏" href="javascript:void(0);" class="J_fav" ><i></i><span></span>收藏</a></li>
-->
<!-- 点赞的方法 -->
<%-- <%Userinfo loginuser=(Userinfo)session.getAttribute("loginuser"); %>

<%int userinfoId=topic.getUserinfo().getId(); %>
<%int topicId=topic.getId(); %> --%>
<!-- 收藏的点击事件方法 -->
<%-- <script>
$(function(){

	$("#collect").click(function(){
		<%if(null==loginuser){%>
		location.href="<%=path %>/front/login.jsp";
		return;
		
		
	<% } 
	else{%>
		var loginuserId="<%=loginuser.getId()%>";
		<%}%>
	
	
		var topicId="<%=topicId%>";
		$.ajax({
			url:"<%=path%>/TopicServlet",
			async:false,
			type:"post",
			data:{action:"collect",userinfoId:loginuserId,topicId:topicId},
			success:function(mes){
				if("succeed"==mes){
					swal("收藏成功");
				}
				if("defeat"==mes){
					swal("取消收藏");
			  }
			}
		});
		
	});

});

</script>

<!-- 点赞的方法 -->
<script>
$(function(){
	

	$("#like").click(function(){
		<%if(null==loginuser){%>

		location.href="<%=path %>/front/login.jsp";
		return;
	<% }
		else{%>
		var loginuserId="<%=loginuser.getId()%>";
		<%}%>
	
	
		var topicId="<%=topicId%>";
	
		$.ajax({	
			
			url:"<%=path%>/TopicServlet",
			async:false,
			type:"post",
			data:{action:"3",userinfoId:loginuserId,topicId:topicId},
			success:function(mes){
				if("succeed"==mes){
					swal("点赞成功");
				}
				if("defeat"==mes){
					swal("取消点赞");
				}
			}
		});
	});
	
});

</script> --%>


</ul>
</div>
		</div>


		<div class="space_right">
			<!-- <a class="r_pai-add" target="_blank" href="" title="发布话题">发布话题</a> -->
<div class="mt20">
<a title="美食天下客户端" href="" target="_blank">
<script>
document.write('<img width="300" height="600" src="//static.meishichina.com/v6/img/blank.gif" data-src="//static.meishichina.com/v6/img/center/r'+Math.floor(Math.random()*5)+'.jpg" class="imgLoad">')
</script>
</a>
</div> 
 

<%-- <div class="ui_title mt20 clear">
	<div class="ui_title_wrap">
		<h3 class="on">最新话题</h3>
		<a target="_blank" href="<%=path %>/TopicServlet" class="right">更多</a>
	</div>
</div> --%>

<!--
<div class="zhen_r_list clear">
<ul>
		<%ArrayList<Topic> allTopics=(ArrayList<Topic>)request.getAttribute("arr");%>
		<%for(Topic topics:allTopics){%>
			
			
		
						                <li>
					<a href="" target="_blank" class="pic">
						<img src="<%=path %>/front/topicImages/<%=topics.getTopicImage() %>"  class="imgLoad">
					</a>
										<p><a title="七夕快乐❤️🌹" href="" target="_blank"><strong><%=topics.getTopicName() %></strong></a></p>
										<p>
					<a href="" target="_blank"><%=topics.getContext() %></a>
					</p>
					</li>
					
		<% } %>			
					
					
					
					</ul>

</div>


<%-- <div class="ui_title mt20 clear">
	<div class="ui_title_wrap">
		<h3 class="on">最热话题</h3>
		<a target="_blank" href="<%=path %>/TopicServlet" class="right">更多</a>
	</div>
</div> --%>
<!-- 
<div class="zhen_r_list clear">
<ul>
<%ArrayList<Topic> topTopic=(ArrayList<Topic>)  request.getAttribute("arr"); %>
<%for(Topic topics:topTopic){%>
				<li>
					<a href="" target="_blank" class="pic">
						<img src="<%=path%>/front/topicImages/<%=topics.getTopicImage()%>" class="imgLoad">
					</a>
										<p><a title="2020-8-24早餐。大家新周愉快！" href="" target="_blank"><strong><%=topics.getTopicName() %></strong></a></p>
										<p>
					<a href="https://home.meishichina.com/pai-1136902.html" target="_blank"><%=topics.getContext() %></a>
					</p>
					</li>	
	
<% } %>
					
					
										<li>
					<a href="https://home.meishichina.com/pai-1136122.html" target="_blank" class="pic">
						<img src="//static.meishichina.com/v6/img/blank.gif" data-src="https://i3.meishichina.com/attachment/pai/2020/08/21/2020082115980087884547386591561.JPG?x-oss-process=style/c180" class="imgLoad">
					</a>
										<p><a title="继续海边，今天周末人有点多" href="https://home.meishichina.com/pai-1136122.html" target="_blank"><strong>继续海边，今天周末人有点多</strong></a></p>
										<p>
					<a href="https://home.meishichina.com/pai-1136122.html" target="_blank">让海风吹拂了五千年</a>
					</p>
					</li>
					</ul>
</div>
 -->
		</div>

	</div>
</div>

<jsp:include page="/front/footer.jsp"></jsp:include>
<style type="text/css">
.footer-area{padding:10px 0}.footer-area .w{padding-top:10px;border-top:1px solid #e8e8e8}.footer-area a{color:#666}.footer-area a:hover{color:#ff6767}.ft1{clear:none;float:left;font-size:11px;color:#666;width:680px;padding-top:10px}.ft1 .c3b{color:#c90;font-size:14px;font-weight:700;margin-bottom:6px}.ft1 .c3b a{color:#f50}.ft1 .c3c{color:#aaa;font-size:12px;margin-bottom:6px}.ft2,.ft3,.ft4{clear:none;float:right;text-align:center}.ft3{margin:0 25px}
</style>

<!-- 引用全站js -->
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/all.js?v1=20180922"></script>
<script type="text/javascript">
msc.goTop.init();
msc.user.init();
$("img.imgLoad").imgLoad();
$("#search").click(function(){var q=$("#q").val().replace(/\s+/g,"").replace("　","");window.location.href='https://home.meishichina.com/search/'+(q==""?'':q+'/')});$("#q").keydown(function(e){if(e.keyCode==13)$("#search").click()});
</script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/msc-tools-date.js"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/msc-ui-lookImg.js?v1=2018-05-30"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/msc-ui-smilies.js"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/source/msc-tools-comment-pai1.js?v1=20200224"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/lib/msc-ui-select.js"></script>
<script type="text/javascript" id="bdshare_js" data="type=tools&amp;uid=11097" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript" src="//static.meishichina.com/v6/js/app/suipai/pai1.js?v1=2017-09-23"></script>
<script type="application/ld+json">
{
"@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
"@id": "https://home.meishichina.com/pai-1137470.html",
"appid": "否",
	"images": ["https://i3.meishichina.com/attachment/pai/2020/08/25/20200825159833698611084410449735.jpg?x-oss-process=style/f320x240" ],
"pubDate": "2020-08-25T14:25:06"
}
</script>
<script>
$("li.top_bar_more").hoverDelay(function(){$("li.top_bar_more div").show()},function(){$("li.top_bar_more div").hide()},200,200);var _hmt=_hmt||[];(function(){var hm=document.createElement("script");hm.src="//hm.baidu.com/hm.js?fb9cd9dcdda23cee0c7357db9be24acb";var s=document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm,s)})();
</script> </body>
</html>
